<template>
  <div id="contact">
    <div class="contact_title">联系我们</div>
    <div class="contact_conten">
      <p>北京雅昌艺术影像有限公司</p>
      <p>地址：北京市顺义区高丽营工业区金马园达盛路一号</p>
      <p>电话：400-6690-999</p>
      <p>邮箱：yxsyb@artron.net</p>
      <p>网址：www.artup.com</p>
      <div class="separated"></div>
      <p>雅昌文化（集团）有限公司</p>
      <p>地址：北京市顺义区天竺空港工业区A区天纬四街7号</p>
      <p>电话： 86-010-8048 6788</p>
      <p>邮箱： artron@artron.net</p>
      <div class="separated"></div>
      <p>客户服务</p>
      <p>全国服务热线：400-6690-999</p>
      <p>客服电子邮箱：yxservice@artron.net</p>
      <p>工作时间：周一至周五 8:30-12:00,13:00-17:00（法定节假日除外）</p>
      <div class="separated"></div>
      <p>如您需要进一步沟通交流，您可以关注以下帐号</p>
      <p>微博咨询：@雅昌影像 </p>
      <a  target="view_window" href="https://weibo.com/artup"><img src="http://image2.artup.com/static/pc/help/xinlang.png" alt=""/></a>
      <div class="separated"></div>
      <span>微信服务号：扫描“传给雅昌”以下二维码或添加帐号artupcom</span>
      <img src="http://image2.artup.com/static/pc/help/qrcode.png" alt=""/>
    </div>
  </div>
</template>

<style lang="scss" type="text/scss" rel="stylesheet/sass" scoped>
  #contact {
    width: 100%;
    height: auto;
    color: #fff;
    box-sizing: border-box;
    display: block;
    padding-bottom: 76px;
    .contact_title {
      width: 100%;
      line-height: 30px;
      border-bottom: 1px solid #5b5b5b;
      margin-bottom: 36px;
      color: #fff;
      font-size: 14px;
      font-family: "微软雅黑";
    }
    .contact_conten {
      p {
        color: #fff;
        font-size: 14px;
        line-height: 28px;
        font-family: "微软雅黑";
      }
      em {
        color: #ff0000;
        font-style: normal;
      }
      img {
        max-width: 100%;
        padding-top: 6px;
      }
      span {
        width: 100%;
        display: block;
        color: #fff;
        font-size: 12px;
        line-height: 24px;
        font-family: "微软雅黑";
      }
      .separated {
        width: 100%;
        height: 36px;
        display: block;
      }
    }
  }
</style>
